<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/parent.css"/>
		<link rel="stylesheet" type="text/css" href="css/product.css"/>
	</head>
	<body>
		<div id="header"></div>
		<div id="section">
			<div class="breadcrumb">
				<a href="">聚美优品首页</a>>
				<a href="">名品特卖</a>>
				<a href="">Papa recipe 春雨蜂蜜乳糖酸细敛面膜紫春雨6片</a>
			</div>
			<div class="product">
				<div class="l">
					<div class="top">
						<div class="small-box">
							<div class="mask"></div>
						</div>
						<div class="big-box"></div>
					</div>
					<div class="bottom">
						<img src="img/product/5222788_pop_375_500_1.jpg" >
					</div>
				</div>
				<div class="r">
					<h1> Papa recipe 春雨蜂蜜乳糖酸细敛面膜紫春雨6片</h1>
					<p class="price">￥<span>89</span></p>
					<p class="time"><span></span><em class="e1">15</em>天<em class="e2">11</em>小时<em class="e3">30</em>分<em class="e4">28</em>秒</p>
					<span class="span1">多件多折</span>
					<span class="span2">【满2件打7折】</span>
					<div class="line"></div>
					<p class="p">运费<span class="span1">新人包邮</span></p>
					<div class="line"></div>
					<div class="text">
						<span>服务</span><p><a href="">质量保险</a>
						<a href="">本商品支持7天无条件退货（拆封后不支持）</a>
						<a href="">本商品不支持换货</a>
						<a href="">闪电发货</a></p>
					</div>
					<div class="line"></div>
					<p class="xing"><span class="s1">型号</span><span class="s2">25g*6ea<i></i></span></p>
					<p class="number">数量<span>1<i class="i1"></i><i class="i2"></i></span></p>
					<div class="add">
						<a href=""><span></span>加入购物车</a>
					</div>
					<p class="icon"><i></i><span>1152</span>人已购买</p>
					<p class="mes">本商品非自营，由<span>国内 (营业执照)</span>直接发货并提供售后服务，您在购买过程中有任何疑问可咨询聚美客服。</p>
				</div>
			</div>
			<div id="mes">
				<div class="del">
					<a href="">商品参数<em></em></a>
					<a href="">商品详情<em></em></a>
					<a href="">为您推荐<em></em></a>
					<a href="">收货评价<em></em></a>
					<a href="">商品咨询</a>
				</div>
			</div>
			<div class="jieshao">
				<h1>商品介绍<span></span></h1>
				<p> Papa recipe 春雨蜂蜜乳糖酸细敛面膜紫春雨6片</p>
			</div>
			<div class="canshu">
				<h1>商品详情<span></span></h1>
				<p>
					<img src="img/product/fa798ca814937bd5c67ed60080bf8eb1.jpg" >
					<img src="img/product/6f4a572eeabe29de03476fba91136cb8.jpg" >
					<img src="img/product/6ebe7bfedc0fc21181340107ad7fc3f4.jpg" >
					<img src="img/product/811b8f8bee338146d5d496c3330d1568.jpg" >
					<img src="img/product/db3a28c16b6fb38016bea31d75a5b8a6.jpg" >
					<img src="img/product/2adee7d1b78c7241c2ff82fc5a01e857.jpg" >
					<img src="img/product/01304164d34b4c969dcb49a147c620bd.jpg" >
					<img src="img/product/56f0a55df5693bc9d01bde334818d3c9.jpg" >
					<img src="img/product/5b09661a16e128a8b68b3a315573ecea.jpg" >
					<img src="img/product/af8acf9c69c0edff01651393c8491278.jpg" >
					<img src="img/product/marketprice_pc.png" >
				</p>
			</div>
		
		</div>
		<div id="footer"></div>
	</body>
</html>
<script src="jQuery.js" type="text/javascript" charset="utf-8"></script>
<script src="js/parent.js" type="text/javascript" charset="utf-8"></script>
<script src="js/product.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	let oSmallBox = document.querySelector(".small-box");
	let oBigBox = document.querySelector(".big-box");
	let oMask = document.querySelector(".mask");
	let mf = new Magnifier(oSmallBox,oBigBox,oMask);
	mf.onmouseover();
	mf.onmouseout();
	mf.onmousemove();
	
</script>
